<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        .tips{
            line-height: 45px;
            font-size: 20px;
            text-indent: 10px;
        }
    </style>
</head>
<body>
    <div class="tips">
        距离十一放假还有xx天xx小时xx分xx秒
    </div>
</body>
<script>
    // 页面加载时执行 => 此时文档流还未闭合(document.write输出的内容会拼接)
    document.write("11111<br>");
    document.write("11111<br>");
    document.write("11111<br>");
    document.write("11111<br>");
    document.write("11111<br>");
    document.write("11111<br>");
    document.write("11111<br>");
    document.write("11111<br>");
    document.write("11111<br>");


    document.onclick = function(){
        // 点击时执行 => 此时页面肯定已经加载完毕, 执行document.write(),会用新的内容覆盖原本的文档流程
        document.write("22222");
    }


    setInterval(function(){
        // 再计时器中使用document.write()  会在页面加载完毕之后, 覆盖一次,后续在执行就会拼接
        document.write("33333<br>");
    },1000);


</script>
</html>